﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Demo</title>
    <link href="css/screen.css?v=1.0" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="header-bar header">
        <div class="t-bn menu_zindex">
            <div class="inner Fix">
                <ul class="user-action hd-menu">
                    <li class="user-logged first"><span class="item greeting">您好，</span> <a href="" target="_blank">
                        品客达人</a> <span class="item info">新人(65)</span> </li>
                    <li><a href="">注册</a> </li>
                    <li><a href="">登录</a> </li>
                    <li class="i-msg"><a class="drop-menu" id="G_h-msg" href="">消息</a> </li>
                    <li><a href="logout">退出</a></li>
                </ul>
                <ul class="quick-menu hd-menu">
                    <li>我的微旅行</li>
                    <li>加入收藏</li>
                    <li>设微首页</li>
                    <li>提点意见</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header-ad header">
        <div class="menu_zindex">
            <div class="inner Fix">
                <div class="logo">
                </div>
                <div class="headerform">
                    <select>
                        <option>上海</option>
                        <option>上海</option>
                        <option>上海</option>
                    </select>
                    <input class="keyword text" type="text" />
                    <input class="search text" type="button" value="搜索" />
                </div>
            </div>
        </div>
    </div>
    <div class="header-bar header">
        <div class="nav-wrap menu_zindex">
            <div class="inner Fix">
                <div id="menu">
                    <ul>
                        <li class="active"><a href="#"><span>开始微旅行吧</span></a></li>
                        <li class="split"><span></span></li>
                        <li><a href="#"><span>走街串巷</span></a></li>
                        <li class="split"><span></span></li>
                        <li><a href="#"><span>城市周围</span></a></li>
                        <li class="split"><span></span></li>
                        <li class="has-sub "><a href="#"><span>附近的城市</span></a></li>
                        <li class="split"><span></span></li>
                        <li><a href="#"><span>微友儿分享</span></a></li>
                        <li class="split"><span></span></li>
                        <li><a href="#"><span>分享我的微旅行</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="inner Fix">
            <div class="section">
                <div class="s_side">
                    <img src="css/imgs/index_t_1002.png" />
                </div>
                <div class="s_main">
                    <img src="upload/ad1.jpg" />
                </div>
                <div class="s_sub">
                    <div class="write-dp-entry">
                        <a href="#" title="注册">注册</a> <a href="#" title="登录" class="entery">登录</a>
                    </div>
                    <dl class="login_corp">
                        <dt>您也可以用以下方式登录：</dt>
                        <dd>
                            <a href="#" id="login_msn">MSN</a></dd>
                        <dd>
                            <a id="login_360">360</a></dd>
                        <dd>
                            <a id="login_tianyi" href="#">天翼</a></dd>
                        <dd>
                            <a id="login_weibo" href="#">微博登录</a></dd>
                        <dd>
                            <a id="login_qq" href="#">QQ登录</a></dd>
                        <dd>
                            <a id="login_douban" href="#">豆瓣登录</a></dd>
                        <dd>
                            <a id="login_txweibo" href="#">腾讯微博</a></dd>
                        <dd>
                            <a id="login_taobao" href="#">淘宝登录</a></dd>
                        <dd>
                            <a id="login_renren" href="#">人人登录</a></dd>
                    </dl>
                    <div>
                        <span>不用提前计划行程，不用订机票，不用收拾行李，拿上背包，叫上朋友------随时出发</span>
                    </div>
                    <a href="" class="buttonOne" style="width: 98%;">
                        <span class="title">分享我的微旅行</span> 
                        <span id="ico_plus" class="bg_ico"></span>
                    </a>
                </div>
            </div>

            <div class="section">
                
                <header>
                    
                    <span id="bg_title1" class="bg_title">微友儿分享</span>
                    <span class="dec">发现身边不为人知的风景</span>
                    <span class="more">更多>></span>

                </header>


                 <article>
                    
                    <div class="item">
                        <div><a><img src="upload/img001.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                        <div>
                            <img src="upload/img005.jpg" /><span>小昂</span>
                        </div>
                    </div>
                    <div class="item">
                        <div><a><img src="upload/img002.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                        <div>
                            <img src="upload/img005.jpg" /><span>小昂</span></div>
                    </div>
                    <div class="item">
                        <div><a><img src="upload/img003.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                        <div>
                            <img src="upload/img005.jpg" /><span>小昂</span></div>
                    </div>
                    <div class="item last">
                        <div><a><img src="upload/img004.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                        <div>
                            <img src="upload/img005.jpg" />
                            <span>小昂</span>
                        </div>
                    </div>

                </article>
            
            </div>

            <div class="section section2">
            
                <header>
                    
                    <span id="bg_title2" class="bg_title">走街串巷</span>
                    <span class="dec">随时出发，在陌生的小路发现新的城市魅力</span>
                    <span class="more">更多>></span>
                </header>

                

                <article>
                    
                    <aside>
                        <img src="upload/img006.jpg" />
                    </aside>

                   <hgroup>
                    
                    <div class="item">
                        <div><a><img src="upload/img002.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                    </div>
                    <div class="item">
                        <div><a><img src="upload/img003.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                    </div>
                    <div class="item last">
                        <div><a><img src="upload/img004.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                    </div>
                    <div class="item">
                        <div><a><img src="upload/img002.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                    </div>
                    <div class="item">
                        <div><a><img src="upload/img003.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                    </div>
                    <div class="item last">
                        <div><a><img src="upload/img004.gif" /></a></div>
                        <div><span class="title">如果说北京的胡同...</span></div>
                    </div>
                
                </hgroup>

                </article>
            
            </div>

            <div class="section">
            
                <header>
                    
                    <span id="bg_title3" class="bg_title">小憩一下</span>
                    <span class="dec">走累了就找家小店，坐下来和朋友聊聊天、发发呆、听听故事</span>
                    <span class="more">更多>></span>
                </header>
            
            </div>

            <div class="section">
            
                <header>
                    
                    <span id="bg_title4" class="bg_title">城市周围</span>
                    <span class="dec">周末去感受一下小桥流水人家，发现属于你的世外桃园</span>
                    <span class="more">更多>></span>
                </header>
            
            </div>

            <div class="section">
            
                <header>
                    
                    <span id="bg_title5" class="bg_title">附近的城市</span>
                    <span>偶尔走进陌生的城市，去寻找新的感动</span>
                    <span class="more">更多</span>
                </header>
                
               

            </div>

        </div>
    </div>
    <div class="footer clear">
        <p class="copyright">
            <a href="#">关于微旅行</a> | <a href="#">联系我们</a> | <a href="#">意见反馈</a> | <a href="#">帮助中心</a>
            | <a href="#">网站地图</a> | <a href="#">免责声明</a>
        </p>
        <p>
        </p>
        <p class="copyright_txt">
            Copyright © 2012 www.vling.com. 上海任刚有限公司版权所有 沪ICP备00000000号</p>
    </div>
</body>
</html>
